<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
  String path = request.getContextPath();
%>
<!DOCTYPE html>
<html lang="en">
<head>
  <jsp:include page="/control/home/home_header.jsp"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/jquery-ui-1.10.3.custom.min.css"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/jquery.gritter.css"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/select2.css"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/bootstrap-editable.css"/>

  <link href="<%=path%>/plugin/bootstrap/assets/css/bootstrap.min.css" rel="stylesheet"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/chosen.css"/>
  <link rel="stylesheet" href="<%=path%>/plugin/bootstrap/assets/css/ace.min.css"/>
  <script src="<%=path%>/plugin/bootstrap/assets/js/chosen.jquery.min.js"></script>
</head>
<body>
<jsp:include page="/control/home/home_navbar.jsp"/>

<div class="main-container" id="main-container">
  <script type="text/javascript">
    try {
      ace.settings.check('main-container', 'fixed')
    } catch (e) {
    }
  </script>

  <div class="main-container-inner">
    <a class="menu-toggler" id="menu-toggler" href="#"><span class="menu-text"></span></a>

    <jsp:include page="/control/home/home_navigation.jsp"/>

    <div class="row">
      <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <div>
          <div id="user-profile-3" class="user-profile row">
            <div class="col-sm-offset-1 col-sm-10">

              <div class="space"></div>
              <form class="form-horizontal" id="saveReportForm" action="#" method="post">
                <div class="tabbable">

                  <div class="tab-content profile-edit-tab-content">
                    <div id="edit-basic" class="tab-pane in active">
                      <h4 class="header blue bolder smaller">修改密码</h4>
                      <div class="row">
                        <div class="col-xs-12 col-sm-8">
                          <div id="userName-parent" class="form-group">
                            <label for="userName" class="col-xs-12 col-sm-3 control-label no-padding-right">*用户名</label>
                            <div class="col-xs-12 col-sm-4">
                                <span class="block input-icon input-icon-right">
                                    <input type="hidden" id="userId" name="userId"/>
                                    <input type="text" id="userName" name="userName" maxlength="64" class="cocho-check-null-and-warn col-input-normall col-sm-10" placeholder="用户名" disabled="disabled"/>
                                </span>
                            </div>
                          </div>

                          <div id="userPassword-parent" class="form-group">
                            <label for="userPassword" class="col-xs-12 col-sm-3 control-label no-padding-right">*原始密码</label>
                            <div class="col-xs-12 col-sm-4">
                              <span class="block input-icon input-icon-right">
                                  <input type="password" id="userPassword" name="userPassword" maxlength="64" class="cocho-check-null-and-warn col-input-normall col-sm-10" placeholder="原始密码"/>
                              </span>
                            </div>
                          </div>

                          <div id="newPassword-parent" class="form-group">
                          <label for="newPassword" class="col-xs-12 col-sm-3 control-label no-padding-right">*新密码</label>
                          <div class="col-xs-12 col-sm-4">
                              <span class="block input-icon input-icon-right">
                                  <input type="password" id="newPassword" name="newPassword" maxlength="64" class="cocho-check-null-and-warn col-input-normall col-sm-10" placeholder="新密码"/>
                              </span>
                          </div>
                        </div>

                        <div id="checkPassword-parent" class="form-group">
                          <label for="checkPassword" class="col-xs-12 col-sm-3 control-label no-padding-right">*确认密码</label>
                          <div class="col-xs-12 col-sm-4">
                            <span class="block input-icon input-icon-right">
                                <input type="password" id="checkPassword" name="checkPassword" maxlength="64" class="cocho-check-null-and-warn col-input-normall col-sm-10" placeholder="确认密码"/>
                            </span>
                          </div>
                        </div>

                        </div>
                      </div>
                      <hr/>
                    </div>
                  </div>

                  <div class="clearfix form-actions">
                    <div class="col-md-offset-3 col-md-9">
                      <button class="btn btn-info" type="button" onclick="updatePassword()"><i class="icon-ok bigger-110"></i>修改</button>
                      &nbsp; &nbsp;
                      <button class="btn" type="reset"><i class="icon-undo bigger-110"></i>重置</button>
                    </div>
                  </div>
              </form>
            </div>
            <!-- /span -->
          </div>
          <!-- /user-profile -->
        </div>

        <!-- PAGE CONTENT ENDS -->
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.page-content -->
</div>
<!-- /.main-content -->

<jsp:include page="/control/home/home_settings.jsp"/>

</div>
<!-- /.main-container-inner -->

<jsp:include page="/control/home/home_scroll_top.jsp"/>

</div>
<!-- /.main-container -->

<jsp:include page="/control/home/home_footer.jsp"/>

<!-- page specific plugin scripts -->

<script src="<%=path%>/plugin/bootstrap/assets/js/jquery.gritter.min.js"></script>
<script src="<%=path%>/plugin/bootstrap/assets/js/x-editable/bootstrap-editable.min.js"></script>
<script src="<%=path%>/plugin/bootstrap/assets/js/x-editable/ace-editable.min.js"></script>

<jsp:include page="/plugin-customer/kindeditor/kindeditor.jsp"/>

<script src="<%=path%>/resources/js/cocho-check-and-warn.js"></script>
<script src="<%=path%>/control/uc/user_edit_password.js"></script>
</body>
</html>
